<template>
    <div class="wrap">
        <v-header></v-header>
        <section class="main">
            <div class="list1">
                <v-list :list="list"></v-list>
            </div>
        </section>
        <v-footer :footList="footList"></v-footer>
    </div>
</template>
<script>
import vList from './public/list'
import vHeader from './public/header'
import vFooter from './public/footer'
export default {
    data() {
        return {
            list: [{
                title: '个人信息',
                href: '/credit/userinfo',
                has: true
            }, {
                title: '紧急联系人',
                href: '/userinfo',
                has: false
            }, {
                title: '人脸识别',
                href: '/userinfo',
                has: false
            }, {
                title: '手机认证',
                href: '/userinfo',
                has: false
            }, {
                title: '工作信息',
                href: '/userinfo',
                has: false
            }, {
                title: '身份证认证',
                href: '/userinfo',
                has: false
            }, {
                title: '公积金授权',
                href: '/userinfo',
                has: false
            }, {
                title: '社保授权',
                href: '/userinfo',
                has: false
            }, {
                title: '储蓄卡流水导入',
                href: '/userinfo',
                has: false
            }, {
                title: '芝麻信用授权',
                href: '/userinfo',
                has: false
            }, {
                title: '银行卡信息',
                href: '/userinfo',
                has: false
            }, {
                title: '查询央行征信',
                href: '/userinfo',
                has: false
            }, {
                title: '支付宝认证',
                href: '/userinfo',
                has: false
            }, {
                title: '其他资料',
                href: '/userinfo',
                has: false
            }],
            footList : [
                {
                    url : '/',
                    title : '借款'
                },
                {
                    url : '/credit',
                    title : '信用'
                },
                {
                    url : '/user',
                    title : '个人中心'
                },
            ]
        }
    },
    methods: {

    },
    components: {
        vHeader,
        vFooter,
        vList
    },
}
</script>
<style type="text/css">
.list1 .icon {
    width: 0.35rem;
    height: 0.4rem;
    float: left;
    background: url(../assets/icon2.png) no-repeat;
    background-size: 60%;
}

.list1 .icon1 {
    background-position: center 0.1rem;
}

.list1 .icon2 {
    background-position: center -0.32rem;
}

.list1 .icon3 {
    background-position: center -0.72rem;
}

.list1 .icon4 {
    background-position: center -1.14rem;
}

.list1 .icon5 {
    background-position: center -1.55rem;
}

.list1 .icon6 {
    background-position: center -1.95rem;
}

.list1 .icon7 {
    background-position: center -2.36rem;
}

.list1 .icon8 {
    background-position: center -2.76rem;
}

.list1 .icon9 {
    background-position: center -3.18rem;
}

.list1 .icon10 {
    background-position: center -3.58rem;
}

.list1 .icon11 {
    background-position: center -4rem;
}

.list1 .icon12 {
    background-position: center -4.40rem;
}

.list1 .icon13 {
    background-position: center -4.80rem;
}

.list1 .icon14 {
    background-position: center -5.24rem; 
}
</style>
